$(function(){
    $('#dialog_div').dialog({
        hide:'',    //点击关闭是隐藏,如果不加这项,关闭弹窗后再点就会出错.
        autoOpen:false,
        height:250,
        modal:true, //蒙层
        title:'个人用户管理',
        overlay: {
            opacity: 0.5,
            background: "black"
        },
        buttons:{
            '提交':function(){
                addUser();
            },
            '取消':function(){
                $(this).dialog("close");
            },
            '重置':function(){
                $(this).children('form')[0].reset();
            }
        }
    });
	$("#grid").flexigrid(
                     {
    url: 'http://localhost/newOrder/userHandle/queryUser.jsp',
    dataType: 'xml',
	colModel : [
		{display: 'ISO', name : 'iso', width : 40, sortable : true, align: 'center'},
		{display: 'Addr', name : 'Addr', width : 180, sortable : true, align: 'left'},
		{display: 'Printable Name', name : 'printable_name', width : 120, sortable : true, align: 'left'},
		{display: 'ISO3', name : 'iso3', width : 130, sortable : true, align: 'left', hide: true},
		{display: 'Number Code', name : 'numcode', width : 80, sortable : true, align: 'right'}
		],
	buttons : [
		{name: 'Add', bclass: 'add', onpress : test},
		{name: 'Delete', bclass: 'delete', onpress : test},
		{separator: true}
		],
	searchitems : [
		{display: 'ISO', name : 'iso'},
		{display: 'Name', name : 'name', isdefault: true}
		],
	qop: "Eq",
	sortname: "iso",
	sortorder: "asc",
	usepager: true,
	title: 'Countries',
	useRp: true,
	rp: 15,
	showTableToggleBtn: true,
	showcheckbox:true,
	rowbinddata: true,//配合上一个操作，如在双击事件中获取该行的数据
	hideOnSubmit: true, //是否在回调时显示遮盖
	blockOpacity: 0.5,//透明度设置
	onrowchecked: function(){alert("check");},//在每一行的的checkbox选中状态发生变化时触发某个
	onRowSelect:function(){alert("select");},
	width: 700,
	height: 200
                     }
                     );
        });

function sortAlpha(com) {

            jQuery('#grid').flexOptions({ newp: 1, params: [{ name: 'letter_pressed', value: com }, { name: 'qtype', value: $('select[name=qtype]').val()}]});

            jQuery("#grid").flexReload();

        }

 

       function test(com, grid) {

           if (com == 'Delete'){

             alert('删除一条新记录');//此处省略

            }

            else if (com == 'Add') {
				$('#dialog_div').dialog('open').children('form')[0].reset();
              // alert('添加一条新记录'); //此处省略
				
            }

        } 


    /*$('#grid').flexigrid({
        url: 'http://localhost/newOrder/jquery-ui-1.8.18/flexigrid-1.1/flexigrid.jsp',
        dataType: 'json',
        colModel : [
        {
        display: 'id',
        name : 'MemberID',
        width:50,      //得加上 要不IE报错
        hide:true
        },
        {
        display: '登录名',
        name : 'UserName',
        width : 150,
        sortable : true,
        align: 'center'
        },
        {
        display: '密码',
        name : 'PassWord',
        width : 150,
        hide:true
        },
        {
        display: '真实姓名',
        name : 'LinkMan',
        width : 100,
        sortable : true,
        align: 'left'
        },

        {
        display: '联系电话',
        name : 'OperateTel',
        width : 150,
        sortable : true,
        align: 'left'
        },

        {
        display: 'Email',
        name : 'Email',
        width : 250,
        sortable : true,
        align: 'left'
        }
        ],
        buttons : [
        {
        name: '添加',
        bclass: 'add',
        onpress : call
        },
        {
        name: '修改',
        bclass: 'add',
        onpress : call
        },
        {
        name: '删除',
        bclass: 'delete',
        onpress : call
        },

        {
            separator: true
    }
    ],
    searchitems : [
    {
    display: '登录名',
    name : 'UserName'
    },

    {
    display: 'Email',
    name : 'Email'
    }
    ],
    sortname: "memberid",
    sortorder: "asc",
    usepager: true,
    title: '用户管理',
    useRp: true,
    rp: 20,
    showTableToggleBtn: true,
    width: 750,
    height: 400
    
    });

});*/

/**
 * 更新用户
 */
function call(com,grid) {
    switch (com) {
        case '添加':
            $('#dialog_div').dialog('open').children('form')[0].reset();
            break;
        case '修改':
            selected_count=$('.trSelected',grid).length;
            if (selected_count==0) {
                alert('请选择一条记录');
                return;
            }
            if(selected_count>1){
                alert('抱歉只能同时修改一条');
                return;
            }
            data=new Array();
            $('.trSelected td',grid).each(function(i){
                data[i]=$(this).children('div').text();
            });
            form=$('#dialog_div').dialog('open').children('form');
            form.children('input[name=MemberID]').val(data[0]);
            form.children('input[name=UserName]').val(data[1]);
            form.children('input[name=PassWord]').val(data[2]);
            form.children('input[name=LinkMan]').val(data[3]);
            form.children('input[name=OperateTel]').val(data[4]);
            form.children('input[name=Email]').val(data[5]);
            $('#dialog_div').dialog('open');
            break;
        case '删除':
            names='';
            $('.trSelected td:nth-child(2) div',grid).each(function(i){
                if(i)names+=',';
                names+=$(this).text();
            });
            ids='';
            $('.trSelected td:nth-child(1) div',grid).each(function(i){
                if(i)ids+=',';
                ids+=$(this).text();
            })
            if(confirm("确定删除用户["+names+"]?")){
                delUser(ids);
            }
            break;
        
    }
    
}

function addUser(){

	var param = $("#dialog_form").serialize(); 

//　引用默认属性 
　　　　　　var　　p　=　$.extend({ 
　　　　　　　　　　　　method:　'POST',　//　data　sending　method,数据发送方式 
					 data:encodeURI(param),
　　　　　　　　　　　　gridClass:　"bbit-grid",//样式
				   　query:param,　//搜索查询的条件 
　　　　　　　　　　　　qtype:'',　//搜索查询的类别 　　　　　　　 
　　　　　　　},　p);
$("#grid").flexOptions (p);
$("#grid").flexReload();
}
function delUser(ids){
    $.ajax({
        url:'?module=user&act=delete',
        data:{
            MemberID:ids
        },
        type:'POST',
        dataType:'json',
        success:function(){
           $('#grid').flexReload();
        }
    });
     
}
// JavaScript Document